<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8" isELIgnored="false"%>
<!doctype html>
<html class="no-js" lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>度益科技</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- All css files are included here. -->
    <!-- Bootstrap fremwork main css -->
    <link rel="stylesheet" href="/apollo/css/bootstrap.min.css">
    <!-- This core.css file contents all plugings css file. -->
    <link rel="stylesheet" href="/apollo/css/core.css">
    <!-- Theme shortcodes/elements style -->
    <link rel="stylesheet" href="/apollo/css/shortcode/shortcodes.css">
	<!-- Nivo Slider -->
    <link rel="stylesheet" href="/apollo/css/nivo-slider.css">
	<!-- Magnific Popup Css -->
    <link rel="stylesheet" href="/apollo/css/magnific-popup.css">
	<!-- Material design iconic font Css -->
    <link rel="stylesheet" href="/apollo/css/material-design-iconic-font.min.css">
	<!-- Venubox Css -->
    <link rel="stylesheet" href="/apollo/css/venobox.css">
	<!-- Owl carsoul Css -->
    <link rel="stylesheet" href="/apollo/css/plugins/owl.carousel.css">	
	<!-- Mean Menu Css -->
    <link rel="stylesheet" href="/apollo/css/plugins/meanmenu.min.css">
    <!-- Theme main style -->
    <link rel="stylesheet" href="/apollo/css/style.css">
    <!-- Responsive css -->
    <link rel="stylesheet" href="/apollo/css/responsive.css">
    <!-- User style -->
    <link rel="stylesheet" href="/apollo/css/custom.css">
	<!-- Style customizer Css -->
	<link rel="stylesheet" href="/apollo/css/style-customizer.css">
	<link href="#" data-style="styles" rel="stylesheet">
    <!-- Modernizr JS -->
    <script src="/apollo/js/vendor/modernizr-2.8.3.min.js"></script>
</head>

<body>
    <!--[if lt IE 8]>
        <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
    <![endif]-->  

    <!-- Body main wrapper start -->
    <div class="wrapper">
         <!-- Start of header area -->
        <header class="header-wrapper">
			<!-- Header Top Area Start -->
			<div class="header-top-area">
			   <div class="container">
					<div class="row">
						<!-- Header Top Left Start -->
						<div class="col-md-6 col-sm-7 col-xs-12">
							<div class="header-left ptb-15">
								<ul>
									<li><span><i class="zmdi zmdi-phone"></i></span><a href="#">13071298762</a></li>
									<li><span><i class="zmdi zmdi-email"></i></span><a href="#">934454783@qq.com</a></li>
								</ul>
							</div>
						</div>
						
					</div>
			   </div>
			</div>
			<!-- Header Top Area End -->
			<!-- Header Menu Area Start -->
			<div class="main-menu-area broder-top ptb-25" id="sticky-header">
				<div class="container">
					<div class="row">
						<!-- Logo Area -->
						<div class="col-md-2 col-sm-12 col-xs-12">
							<div class="logo-area">
								<a href="/apollo/wechat/hdoitHome/index"><img src="/apollo/images/logo.png" alt="" style="height:44px;width:133px" /></a>
							</div>
						</div>
						<!-- Logo Area -->
						<!-- Menu Area -->
						<div class="col-md-10 col-sm-12 hidden-xs">
							<div class="main-menu">
								<nav>
									<ul id="nav">
										<li><a href="/apollo/wechat/hdoitHome/index">主页</a></li>
										<li><a href="/apollo/wechat/hdoitHome/about-us">关于我们</a></li>
										<li><a href="/apollo/wechat/hdoitHome/contact-us">联系我们</a></li>
									</ul>
								</nav>
							</div>
						</div>
						<!-- Menu Area -->
					</div>
				</div>
				<!-- MOBILE-MENU-AREA START --> 
				<div class="mobile-menu-area">
					<div class="container">
						<div class="row">
							<div class="col-md-12 col-sm-12">
								<div class="mobile-area">
									<div class="mobile-menu">
										<nav id="mobile-nav">
											<ul>
												<li><a href="index.html">主页</a></li>
												<li><a href="about-us.html">关于我们</a></li>
												<li><a href="contact-us.html">联系我们</a></li>
											</ul>
										</nav>
									</div>	
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- MOBILE-MENU-AREA END  -->
			</div>
			<!-- Header Menu Area End -->
        </header>
        <!-- End of header area -->
		<!-- Banner Area Start -->
		<div class="banner-area pt-130 pb-120 bg-7 overlay-2">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<div class="banner-page text-center text-white text-uppercase">
							<h1>联系我们</h1>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- Banner Area End -->
		<!-- Breadcrumb Area Start -->
		<div class="breadcrumb-area ptb-25 broder-bottom">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<div class="breadcrumb-list text-center text-uppercase">
							<ul>
								<li><a href="/apollo/wechat/hdoitHome/index">主页</a><span class="divider"> // </span></li>
								<li class="active">联系我们</li>
							</ul>							
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- Breadcrumb Area End -->
		<!-- Google Map Area Start -->
		<section class="map-area-main two">
			<div class="container-fluid">
				<div class="map-area">
					<div id="googleMap" style="width:100%;height:120px;"></div>
				</div>
			</div>
			<div class="container">
				<div class="row pb-100">
					<!-- Contact Left Area Start -->
					<div class="col-md-6">
						<div class="help-contact-area white-bg shadow ptb-100">
							<div class="section-title text-center">
								<h4>填写联系信息</h4>
							</div>
							<form id="contact-form" class="form-group" method="POST" action="/apollo/shop/contact/save">
								<div class="form-single">
									<input type="text" name="name" required id="name" placeholder="姓名 *" class="form-control">
								</div>
								<div class="form-single">
									<input type="text" name="tel" required id="tel" placeholder="电话 *" class="form-control">
								</div>
								<div class="form-textarea">
									<textarea name="message" required id="message" placeholder="备注 *" rows="6" class="form-control"></textarea>
								</div>
								<div class="contact-button">
									<button class="contact-submit" type="submit">发送信息</button>
									<p class="form-messege" style="text-align:center"></p>
								</div>
							</form>
						</div>
					</div>
					<!-- Contact Left Area Start -->
					<!-- Contact Right Area Start -->
					<div class="col-md-6">
						<div class="cntct-right-adrs pl-80 pt-90">
							<div class="section-title text-left">
								<h4>联系我们</h4>
							</div>
							<div class="adrs-details mt-60">
								<ul>
									<li>
										<a href="#"><i class="zmdi zmdi-pin"></i></a>
										<p>武汉市东湖高新区华中科技大学老保卫处</p>
									</li>
									<li>
										<a href="#"><i class="zmdi zmdi-email"></i></a>
										<p>13071298762/  13971551373</p>
									</li>
									<li>
										<a href="#"><i class="zmdi zmdi-phone"></i></a>
										<p>934454783@qq.com</p>
									</li>
								</ul>
							</div>
						</div>
					</div>
					<!-- Contact Right Area End -->
				</div>
			</div>
		</section>
		<!-- Google Map Area End -->
        <!-- Start footer area -->
          <footer class="footer-area ptb-100 black-half-bg">
			<div class="container">
				<div class="row">
					<!-- Fotter Single Area  -->
					<div class="col-md-3 col-sm-4 col-xs-12 res-pb-xs-30">
						<div class="footer-menu text-white">
							<h6>联系我们</h6>
							<div class="contact-details text-white">
								<ul>
									<li>
										<a href="#"><i class="zmdi zmdi-pin"></i></a>
										<p>公司地址：武汉市东湖高新区华中科技大学老保卫处</p>
									</li>
									<li>
										<a href="#"><i class="zmdi zmdi-email"></i></a>
										<p>邮箱：934454783@qq.com</p>
									</li>
									<li>
										<a href="#"><i class="zmdi zmdi-phone"></i></a>
										<p>电话：13071298762</br>  13971551373</p>
									</li>
								</ul>
							</div>
						</div>
					</div>
					<!-- Fotter Single Area  -->
					<!-- Fotter Single Area  -->
					<div class="col-md-3 col-sm-4 col-xs-12 res-pb-xs-30">
						<div class="footer-menu">
							<h6>合伙人招募</h6>
							<div class="recent-post">
								<ul>
									<li>
										<img src="/apollo/images/post/1.png" alt="" />
										<h5>长期招募 <a href="tel:13071298762">立即报名</a></h5>
										
									</li>
								
								</ul>
							</div>
						</div>
					</div>
					<!-- Fotter Single Area  -->
					<!-- Fotter Single Area  -->
					<div class="col-md-3 hidden-sm hidden-xs">
						<div class="footer-menu pl-60">
							<h6>快速链接</h6>
							<div class="quick-link">
								<ul>
									<li>
										<a href="/apollo/wechat/hdoitHome/index">首页</a>
									</li>
									<li>
										<a href="/apollo/wechat/hdoitHome/about-us">关于</a>
									</li>
									<li>
										<a href="/apollo/wechat/hdoitHome/contact-us">联系</a>
									</li>
									
									<li>
										<a href="#">下载APP</a>
									</li>
									
								</ul>
							</div>
						</div>
					</div>
					<!-- Fotter Single Area  -->
					<!-- Fotter Single Area  -->
					<div class="col-md-3 col-sm-4 col-xs-12">
						<div class="footer-menu">
							<h6>立即体验</h6>
							<div class="newsletter">
								<p>为您打造专属的全渠道营销订货平台</p>
								<form id="mc-form" class="mc-form">
									<div class="newsletter-form">
										<input type="email" autocomplete="off" id="mc-email" placeholder="输入手机号码" class="form-control">
										<button class="mc-submit" type="submit">免费开通</button>
										<!-- mailchimp-alerts Start -->
										<div class="mailchimp-alerts text-centre">
											<div class="mailchimp-submitting"></div><!-- mailchimp-submitting end -->
											<div class="mailchimp-success"></div><!-- mailchimp-success end -->
											<div class="mailchimp-error"></div><!-- mailchimp-error end -->
										</div>
										<!-- mailchimp-alerts end -->
									</div>
								</form>
							</div>
						</div>
					</div>
					<!-- Fotter Single Area  -->
				</div>
			</div>
		</footer>
        <!-- End footer area -->
		<!-- Footer Bottom Area Start -->
		<div class="footer-bottom ptb-20 black-bg">
			<div class="container">
				<div class="row">
					<div class="footer-copyright text-center text-white">
						<p>&copy; 2018 武汉度益科技有限公司&nbsp;&nbsp;ICP备XXXXXXXX号&nbsp;&nbsp;技术支持：<a style="color:#fff;" href="http://a。hdoit.com/admin" title="度益科技" target="_blank">度益科技</a></p>
					</div>
				</div>
			</div>
		</div>
		<!-- Footer Bottom Area End -->
		
		
    </div>
    <!-- Body main wrapper end -->

    <!-- Placed js at the end of the document so the pages load faster -->

    <!-- jquery latest version -->
    <script src="/apollo/js/vendor/jquery-1.12.4.min.js"></script>
    <!-- Bootstrap framework js -->
    <script src="/apollo/js/bootstrap.min.js"></script>
    <!-- All js plugins included in this file. -->
    <script src="/apollo/js/plugins.js"></script>
	<!-- Nivo Slider -->
    <script src="/apollo/js/jquery.nivo.slider.pack.js"></script>
	<!-- Magnific Popup -->
    <script src="/apollo/js/jquery.magnific-popup.min.js"></script>
	<!-- Isotope js -->
    <script src="/apollo/js/isotope.pkgd.min.js"></script>
	<!-- Venobox js -->
    <script src="/apollo/js/venobox.min.js"></script>
	<!-- Style Customizer JS -->
	<script src="/apollo/js/style-customizer.js"></script>
	<!-- Owl Carosel js -->
    <script src="/apollo/js/owl.carousel.min.js"></script>
	<!-- Mean Menu js -->
    <script src="/apollo/js/jquery.meanmenu.js"></script>
	<!-- Imageloaded js -->
    <script src="/apollo/js/imagesloaded.pkgd.min.js"></script>
	<!-- Counter Up -->
    <script src="/apollo/js/jquery.counterup.min.js"></script>
	<!-- Circular Progress Knob js -->
    <script src="/apollo/js/jquery.knob.js"></script>
	<!-- Circular Progress Appear js -->
    <script src="/apollo/js/jquery.appear.js"></script>
	<!-- ajax mail js  -->
	<script src="/apollo/js/ajax-mail.js"></script>
	<!-- mail Chimp  -->
	<script src="/apollo/js/jquery.ajaxchimp.min.js"></script>
	<!-- Waypoints js -->
    <script src="/apollo/js/jquery.waypoints.min.js"></script>

    <script src="/apollo/js/main.js"></script>

</body>

</html>
